<template>
  <div id="footer">
    <div>
      <div class="h1">
        <h1>COnTACT</h1>
      </div>
      <p class="text">
      </p>
      <p>
        <span class="text">ICP备案信息<br>桂ICP备2022010394号-1 广西宝芝堂 版权所有</span>
        <br />
      </p>
    </div>
    <div>
      <div class="h1"></div>
      <div>
        <p class="text">联系地址：广西来宾市天然桥路238号农贸综合批发市场7栋3楼</p>
        <p class="text">联系电话：0772-4238221，0772-4238226</p>
        <p class="text">邮箱：</p>
      </div>
    </div>
    <div>
      <div class="h1">
      </div>
      <div>
        <p class="text text-phone">0772-4238221</p>
        <p class="text text-phone">0772-4238226</p>
      </div>
    </div>
  </div>
</template>

<script>

export default {
  name: 'Index',
  data(){
    return {
    }
  },
  created(){
  },
  methods: {
  }
};
</script>

<style scoped lang="less">
#footer {
  padding: 90px 0;
  background: #1f323f;
  display: flex;
  & > div {
    flex: 1;
    padding: 0 60px;
    p {
      margin: 15px 0;
    }
    .h1 {
      height: 102px;
    }
    h1 {
      font-size: 60px;
      color: #27bec9;
      font-weight: bold;
      font-family: Arial;
      text-transform: uppercase; /*定义只有大写*/
      text-indent: -2px;
    }
    .text {
      font-size: 14px;
      color: #fff;
      font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS',
        sans-serif;
    }
    .text-phone{
      font-size: 38px;
    }
  }
}
</style>
